@charset "utf-8";
html { -webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
input[type="submit"], input[type="reset"], input[type="button"], input{ -webkit-appearance:none; resize: none; }
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article,aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
article, aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section {display: block; }
img { max-width: 100%; height: auto; -ms-interpolation-mode:bicubic;}
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article, 
aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0; padding:0; border:none;}
body{font: normal 14px/1.5 Tahoma,"Lucida Grande",Verdana,"Microsoft Yahei",STXihei,hei;}
em,i{font-style:normal;}
strong{font-weight: normal;}
a{ text-decoration:none; color:#969696;}
a:hover{color:#f60;}
ul,ol{list-style:none;}
h1, h2, h3, h4, h5, h6{ font-size:100%;}
img{ border: none; vertical-align: middle;}
.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
/*头部header公共类*/
.header { width: 15rem; background-color: #323136; color: #fff; line-height: 1.6rem; text-align: center; margin: 0 auto; font-size: 0.72rem; }
html { font-size: 50px; }
body { font-size: 24px; }
@media screen and (max-width: 359px) {
    html { font-size: 21.33px; }
    body { font-size: 12px; }
}
@media screen and (min-width: 360px) {
    html { font-size: 24px; }
    body { font-size: 12px; }
}
@media screen and (min-width: 375px) {
    html { font-size: 25px; }
    body { font-size: 12px; }
}
@media screen and (min-width: 384px) {
    html { font-size: 25.6px; }
    body { font-size: 14px; }
}
@media screen and (min-width: 400px) {
    html { font-size: 26.67px; }
    body { font-size: 14px; }
}
@media screen and (min-width: 414px) {
    html { font-size: 27.6px; }
    body { font-size: 14px; }
}
@media screen and (min-width: 424px) {
    html { font-size: 28.27px; }
    body { font-size: 14px; }
}
@media screen and (min-width: 480px) {
    html { font-size: 32px; }
    body { font-size: 15.36px; }
}
@media screen and (min-width: 540px) {
    html { font-size: 36px; }
    body { font-size: 17.28px; }
}
@media screen and (min-width: 720px) {
    html { font-size: 48px; }
    body { font-size: 23.04px; }
}

@media screen and (min-width: 750px) {
    html { font-size: 50px; }
    body { font-size: 24px; }
}
/*底部公共类只是img大小不一样，那个大小写在自身的类里面，没在公共类里面*/
section .posi { 
    cursor:pointer;
    position: fixed;
    bottom: 2rem;
    }
    section .posi .ftshadow {
      width: 2rem;
      height: 2rem;
      border-radius: 50%;
      background-color: white;
      box-shadow: 0px 0px 26px 0px rgba(186, 186, 186, 0.196); }
      section .posi .ftshadow img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }










